﻿.flexslider { width:100%; margin:0 auto; position: relative; height: 498px; overflow: hidden; background: url(../images/loading.gif) 50% no-repeat; text-align:center }
.slides { position: relative; z-index: 1;}
.slides li { height: 498px;}
 .slides li a{ width:100%; height:498px; display:block;}
.flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center;}
.flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; background: url(../images/dot.png) right 0 no-repeat;_background: url(../images/dot.gif) right 0 no-repeat; cursor: pointer;}
.flex-control-nav .flex-active { background-position: 0 0;}


.key{ background:#eaeaea; padding:8px 0;}
.sea{ width:1000px; margin:0 auto;}

.content{ width:1000px; margin:25px auto;}
.hbtop{ width:1000px; padding-top:58px; background:url(../images/hortop.jpg) no-repeat top; color:#255eab;}
.hbtop span{ border:1px solid #255eab; line-height:27px; text-align:center; width:286px; height:27px; margin:0 auto; display:block; margin-bottom:15px;}
.hbtest{ margin-bottom:30px;}
#s2{width:1000px;height:105px;margin:0 auto;}
#s2 a.abtn{display:block;height:105px;width:17px;overflow:hidden;background:url(../images/arrow3.png) no-repeat 0px 50%;}
#s2 a.aleft{float:left;}
#s2 a.agrayleft{cursor:default;background-position:-34px 50%;}
#s2 a.aright{float:right;background-position:-17px 50%;}
#s2 a.agrayright{cursor:default;background-position:-51px 50%;}
 
#s2  .imglist_w{width:960px;height:120px;overflow:hidden;float:left;position:relative;/*必要元素*/}
#s2 .imglist_w ul{width:20000px;position:absolute;left:0px;top:0px;}
#s2  .imglist_w li{float:left; margin:0 10px; text-align:center;}
#s2  .imglist_w li img{width:148px; padding:12px; height:67px; border:1px solid #2861b2;}
#s2  .imglist_w li a{ width:174px; display:block; background:none;}
#s2  .imglist_w li a:hover{ background:none; display:block;}
#s2  .imglist_w li a:hover img{filter:alpha(opacity=86);-moz-opacity:0.86;opacity:0.86;}

.proclass{ width:220px; float:left; border:2px solid #255da8; background:#dddddd;}
.proctop{ height:84px; background:url(../images/protop.jpg) repeat-x; text-align:center;}
.proctest{ width:200px; margin:10px auto; font-size:14px;}
.proctest li span{ font-size:12px;word-spacing:5px;}
.proctest li{border-bottom:1px solid #9e9e9e; text-indent:16px; line-height:39px;}
.proctest li a:hover{ background:#255eab; color:#fff; width:200px; display:block;}

.proctop h1{ color:#2861b0; line-height:34px; padding-top:10px; font-size:24px;}
.promore{ text-align:center; height:56px; line-height:30px; background:#fff url(../images/promore.jpg) repeat-x top;font-size:15px;}
.proa{ width:740px; float:right; background:#ebebeb}

.proa li{ width:140px; float:left; margin:10px 22px;}
.proa li img{ width:140px; height:105px; border:1px solid #cccccc;}

.case{ margin:30px auto; background:#f6f6f6 url(../images/casebg.jpg) repeat-x bottom;}
.case li{ margin: 20px 11px; float:left; display:inline; }
.case li a{width:185px; padding:15px 20px;border:1px solid #cdcdcd; background:#fff url(../images/caselist.jpg) no-repeat bottom; line-height:22px; display:block; }
.case li img{ width:185px; height:139px;}
.casetop{ height:96px; line-height:106px; color:#0a64b7; background:url(../images/casetop.jpg) no-repeat; text-indent:470px;}
.casetop a{ width:65px; height:23px; float:right; padding-right:20px; padding-top:50px;}
.case li b{ display:block; line-height:38px; color:#0a64b7; text-align:center}
.case li span{ display:block; text-indent:40px; padding-top:18px;   line-height:2px;font-size:14px;}
.case li a:hover{ border:1px solid #0a64b7; background:#fff url(../images/caseturn.jpg) repeat-x bottom; width:185px; display:block;}
.case li a:hover span{ color:#fff;}

.ys{ background:#f3f3f3 url(../images/ysbg.jpg) repeat-x top;}
.ysa{ height:407px; background:url(../images/ysa.jpg) no-repeat center;}
.ysb{ height:348px; background:url(../images/ysb-n.jpg) no-repeat center;}
.ysc{ height:337px; background:url(../images/ysc-n.jpg) no-repeat center;}
.ysd{ height:375px; background:url(../images/ysd.jpg) no-repeat center;}
.ad{background:url(../images/ad.jpg) no-repeat center; height:137px;}

.about{ background:#fdfdfd url(../images/combg.jpg) repeat-x bottom; width:1000px; margin:25px auto;}
.com{ width:313px; float:left}
.news{ width:313px; float:left; margin:0 30px;}
.honor{ width:313px; float:left}
.comtest,.news ul,.honortest{ padding:15px;}
.news li{ background:url(../images/dota.png) no-repeat left 12px; line-height:27px;  padding-left:15px;}
.news li p{border-bottom:1px dotted #8b8b8b;}

#s3 a.abtn{display:block;height:230px;width:0px;overflow:hidden;background:url(../images/arrow3.png) no-repeat 0px 50%;}
#s3 a.aleft{float:left;}
#s3 a.agrayleft{cursor:default;background-position:-34px 50%;}
#s3 a.aright{float:right;background-position:-17px 50%;}
#s3 a.agrayright{cursor:default;background-position:-51px 50%;}
#s3{width:220px;height:230px;margin:0 auto; border:1px solid #a9a9a9; padding:20px; background:url(../images/honorbg.jpg) repeat-x bottom}

#s3  .imglist_w{width:220px;height:230px;overflow:hidden;float:left;position:relative;/*必要元素*/}
#s3 .imglist_w ul{width:20000px;position:absolute;left:0px;top:0px;}
#s3  .imglist_w li{float:left;width:220px; margin:0;   text-align:center;}
#s3  .imglist_w li img{width:220px; height:165px;}
#s3  .imglist_w li p{width:220px; height:35px; line-height:35px; background:#0061a2; color:#fff; margin-top:15px;}

.work{ width:1000px; margin:0 auto;}
.worktop{ height:49px; background:url(../images/worktop.jpg) no-repeat; line-height:69px; color:#fff; text-indent:425px; font-size:14px; font-weight:bold;}
.worktop a{ width:65px; height:29px; float:right; padding-right:20px; padding-top:20px;}
.worktest{ margin-top:15px; width:968px; height:192px; background:url(../images/workbg.jpg) no-repeat; padding:15px;}
